﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- 引入 ECharts 文件 -->
    <script src="echarts.js"></script>
    <script src="interface.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        html, body {
            width: 100%;
            height: 100%;
        }
        #main {
            margin: 0 auto;
            width: 100%;
            height: 100%;
            background: #333333;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            myChart2 = echarts.init(document.getElementById('main'));
            var CPPData = {
                name: "总数",
                data: [
                    { name: "1", value: 150 },
                    { name: "2", value: 180 },
                    { name: "3", value: 210 },
                    { name: "4", value: 177 },
                    { name: "5", value: 222 },
                    { name: "6", value: 231 },
                    { name: "7", value: 198 },
                    { name: "8", value: 190 },
                    { name: "9", value: 209 },
                    { name: "10", value: 199 },
                ]
            };
            showBarCharts(CPPData);
        }
        window.onresize = function () {
            myChart2.resize();
        }
    </script>
</head>
<!--#9ABCDE-->
<body>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main"></div>
<!--    <script type="text/javascript">
      
        var CPPData = {
            name: "总数",
            data: [
                { name: "1", value: 150 },
                { name: "2", value: 180 },
                { name: "3", value: 210 },
                { name: "4", value: 177 },
                { name: "5", value: 222 },
                { name: "6", value: 231 },
                { name: "7", value: 198 },
                { name: "8", value: 190 },
                { name: "9", value: 209 },
                { name: "10", value: 199 },
            ]
        };-->

        <!--showBarCharts(CPPData);--> <!--这里有点问题-->
    </script>

</body>
</html>